<template>
    <div class="contact-mall">
        <span @click="chanpin">产品库存</span>
        <span>产品档案</span>
        <span>BOM单</span>
        <span>草稿单据查询</span>
    </div>
</template>

<script>
export default {
 methods:{
        chanpin(){
             alert('产品页面')
        }
       
    }
}
</script>

<style lang='scss' scoped>
  .contact{
      &-mall{
            height:85px ;
            //   border-bottom: 1px solid;
               background: #52514f;
               margin-bottom: 11px;
               display: flex;
               justify-content: center;
               align-items: center;
               height: 10%;
               span{
                   color: #e5e3e4;
                   font-size: 15px;
                   margin:30px;
                   cursor: pointer;
               }
        }
  }
</style>
